<template>
  <div>
    <img :src="gouzi[0].dogImgUrl" alt="">
    <p>这是一只小狗子</p>
  </div>
</template>

<script>
export default {
  data () {
    return {
      gouzi: [
        {
          dogImgUrl:
            'http://nwzimg.wezhan.cn/contents/sitefiles2029/10146688/images/21129958.jpg',
          dogName: '博美'
        }
      ]
    }
  },

  created () {

  },

  methods: {

  }
}
</script>

<style scoped lang='less'>
  div {
    width: 300px;
    margin: 50px auto;
    text-align: center;
  }
  img {
    width: 300px;
    height: auto;
  }
</style>
